
//这个组件用于实现路由权限
import { Route, Redirect } from 'react-router-dom'
import React from 'react'
// 单独解构loginState 登录状态属性  ...rest 剩余参数
// 实现步骤: 问 loginState 是否已登录,如果已登录则去Container.js组件中传递过来的路由,也可以在Container.js修改成传递动态的路由路径,PrvateRouter.js组件只负责跳转,如果loginState为true 则跳转需要跳转的路径, 负责则跳转到login
function PrivateRoute({ component: Component, loginState, ...rest }) {
  return (
    <Route
      {...rest}
      render={props =>
        loginState ? (
          <Component {...props} />
        ) : (
          <Redirect
            to={{
              pathname: "/login",
              state: { from: props.location }
            }}
          />
        )
      }
    />
  );
}

export default PrivateRoute